.skyblue .people-total,
.skyblue .people-title,
.skyblue .people-number {
  background-color: #b4ebff;
  color: #1f9cf2;
}

.skyblue .attendance-total,
.skyblue .attendance-title,
.skyblue .attendance-number {
  background-color: #ffdfe2;
  color: #1f9cf2;
}

.skyblue .moments-total,
.skyblue .moments-title,
.skyblue .moments-number {
  background-color: #d8fffa;
  color: #1f9cf2;
}

.skyblue .income-total,
.skyblue .income-title,
.skyblue .income-number {
  color: #1f9cf2;
  background-color: #ffefd5;
}

.skyblue .title > div {
  color: #a19b90;
  text-align: center;
  width: 100%;
  margin-left: 0;
  font-weight: bold;
}

.skyblue .red,
.skyblue .green,
.skyblue .yellow {
  background-color: white;
  font-weight: bold;
  color: black;
}

.skyblue .attendance,
.skyblue .moments,
.skyblue .income,
.skyblue .attendance-ratio,
.skyblue .notice {
  box-shadow: 0px 0px 5px 0px #acaaaa;
}
